<%@page import="com.mmy.domain.sys.TSysUser"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
 <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>  
 <%
 	TSysUser tSysUser = (TSysUser)session.getAttribute("tSysUser");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<jsp:include page="/WEB-INF/jsp/includeb.jsp"></jsp:include>
<script src="js/vue/vue.js"></script>
<script src="js/vue/eleme.js"></script>
<script src="js/axios.min.js"></script>
<style>
	.box{
        width: 1200px;
        margin: 0 auto;
        margin-bottom: 30px;
        padding: 20px;
		margin-top: 20px;
	}
	.left{
		width: 240px;
		border: 1px solid #EA5604;
		border-radius: 3px;
		margin-right: 100px;
	}
	.right{
		width: 700px;
	}
	.img{
		margin: 15px 15px 0 15px;
	}
	.todolist {
		list-style: disc;
		color: #EA5604;
	}
	.todolist li{
		margin: 15px;
	}
	.list{
		color: #000;
	}
	.info{
		margin: 20px 0 50px 20px;
	}
	div.justify {
		text-align: justify;
		width: 180px;
		color: #EA5604;
		font-weight: 700;
		margin-bottom: 20px;
	}

	div.justify>span {
		display: inline-block;
		padding-left: 100%;
	}
</style>
<title>mmy</title>

</head>
<body>
	<div id="off-canvas-container" class="off-canvas-container">
	<jsp:include page="/WEB-INF/jsp/BackHeader.jsp"></jsp:include>
	<div id="app" class="box" style="display: flex;">
		
				<div class="left">
					<div class="img">
						<img src="img/blog/related-2.jpg" style="width:200px">
					</div>
					<div class="info">
						<div class="justify">
							${tSysUser.getUserName()}<span></span>
						</div>
						<div style="margin-bottom: 15px;">
							<font style="color: #EA5604;margin-right: 30px;font-weight: 700;">职位</font>
							</font>${tSysUser.getJob()}</font>
						</div>
						<div>
							<font style="color: #EA5604;margin-right: 30px;font-weight: 700;">公司</font>
							<font>平台</font>
						</div>
					</div>
				</div>
			
				<div class="right">
					<h5 style="margin: 20px 0 25px 0">待办事项</h5>
					<hr style='background-color:#EA5604; height:1px; border:none;'/>
					<ul class="todolist">
						<li><span class="list">出纳审核</span></li>
						<li><span class="list">会计审核</span></li>
						<li><span class="list">线路使用</span></li>
					</ul>
				</div>
			
	</div>
				
	<jsp:include page="Footer.jsp"></jsp:include>
	</div>	
	<jsp:include page="/WEB-INF/jsp/include2.jsp"></jsp:include>
</body>
<script>
	const vm = new Vue({
		el:"#app",
		data(){
			return{
				value:"haha"
			}
		}	
	})
</script>
</html>